// 引入react
// react里面解构的东西，首字母大写的是组件，首字母小写的是方法
import React from "react";
// 网页的web项目 react-dom
// app项目      react-native
import ReactDOM from "react-dom/client";

// react里面区分大小写
// 标签首字母大写，那么表示组件
// 标签首字母小写，表示标签

// 函数组件
// const App = ({ num }) => {
//   // console.log(props);
//   // const { num } = props;
//   return <div>app - {num}</div>;
// };

// 类组件
// class App extends React.Component {
//   render() {
//     // 在类组件里面如果不知道怎么做的时候，打印一下this
//     console.log(this);
//     return <div>app根组件 - {this.props.num}</div>;
//   }
// }

// import App from "./01-nest/App";
// import App from "./02-style/01-style";
// import App from "./02-style/02-class";
// import App from "./02-style/04-classnames";
// import App from "./02-style/06-cssinjs";
// import App from "./03-props/01-props";
// import App from "./03-props/02-defaultProps";
// import App from "./03-props/03-propTypes";
// import App from "./03-props/04-children";
// import App from "./03-props/05-name-children";
// import App from "./04-state/01-state";
// import App from "./04-state/02-render";
// import App from "./04-state/03-setState";
// import App from "./05-event/01-this";
// import App from "./05-event/02-args";
// import App from "./06-form/01-form1";
// import App from "./06-form/02-form2";
// import App from "./06-form/03-checkbox";
// import App from "./06-form/04-file";
// import App from "./07-todolist/App";
// import App from "./08-stateup/App";
// import App from "./09-context/App";
// import App from "./10-context2/App";
// import App from "./11-portal/App";
// import App from "./12-modal/App";
// import App from "./13-todolist2/App";
// import App from "./14-hoc/App";
// import App from "./15-ref/App";
// import App from "./16-old-lifecycle/App";
// import App from "./17-new-lifecycle/App";
// import App from "./18-hooks/01-useState";
// import App from "./18-hooks/02-useEffect";
// import App from "./18-hooks/03-useRef";
// import App from "./18-hooks/04-useRef2";
// import App from "./18-hooks/05-useWatch";
// import App from "./18-hooks/06-useReducer";
// import App from "./18-hooks/07-useContext";
// import App from "./18-hooks/08-useMemo";
// import App from "./18-hooks/09-useCallback";
// import App from "./18-hooks/10-useCallback";
// import App from "./18-hooks/11-useImperativeHandle";
// import App from "./18-hooks/12-useLayoutEffect";
// import App from "./18-hooks/13-useDebugValue";
// import App from "./18-hooks/14-useId";
// import App from "./18-hooks/15-useDeferredValue";
// import App from "./18-hooks/16-useTransition";
// import App from "./18-hooks/17-useInsertionEffect";
import App from "./19-ahooks/App";

const root = ReactDOM.createRoot(document.getElementById("root"));

// root.render(app(111));
root.render(<App name="zhangsan" />);
